<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div>11</div>

    <script>

        // 事件对象：记录事件发生的整个经过
        // 事件处理函数的第一个参数就是事件对象

        var oDiv = document.querySelector('div');
        // 绑定事件
        // oDiv.addEventListener('click' , function() {

        // })


        // a和b叫做形参  --- 实际上点击的时候，这个事件处理函数传了一个实参
        // a就是这个事件对象   b啥也不是
        // oDiv.onclick = function (a, b) {
        //     console.log(a);
        //     console.log(b);  // undefined  

        //     // 在IE8上  event作为事件对象
        //     console.log(event);
        // }

        oDiv.onclick = function (e) {
            e = e || event;   // 短路赋值
            console.log(e);
        }

    </script>

</body>

</html>